<html> <!-- -*-HTML-*- -->
<head>
  <title>WebWidgets | Note Widget</title>
</head>
<body>
<h1>Note Widget</h1>
<p>The note widget lets you embed small notes into your WW
pages. These notes look small until clicked on, when they expand. To
get a feeling for this, try clicking on this note:

<note>
  <small>Click me</small>
  <full>
    You're clicked on the note. That's good. This is the full
    text of the note, and you can make it go away any time you want
    just by clicking on the part that says 'Click me'.
    <p>The contents of notes is normal HTML, so you can use
       <b>formatting</b> and such.

       <note><small>Note</small>
         <full>You can even nest notes.</full>
       </note>
    </p>
  </full>
</note></p>

<p>As you can see, notes are displayed inline when they're in their
small form and displayed as block when they're expanded.</p>

<h2>Example</h2>
<p>The example above requires this code in the WW source file:</p>

<pre>
<![CDATA[
<note>
  <small>Click me</small>
  <full>
    You're clicked on the note. That's good. This is the full
    text of the note, and you can make it go away any time you want
    just by clicking on the part that says 'Click me'.
    <p>The contents of notes is normal HTML, so you can use
       <b>formatting</b> and such.

       <note><small>Note</small>
         <full>You can even nest notes.</full>
       </note>
    </p>
  </full>
</note>
]]>
</pre>

<p>The <tt>&lt;note&gt;</tt> tag can specify an <tt>id</tt> attribute,
or it can have one automatically generated for it in the <tt>ww_</tt>
namespace. The <tt>&lt;note&gt;</tt> tag has two children,
<tt>&lt;small&gt;</tt> and <tt>&lt;full&gt;</tt>. The
<tt>&lt;small&gt;</tt> tag contains the short description or a small
picture (or whatever you want to appear when the note is unexpanded),
and can be omitted. If it is omitted, the word "Note" is used
instead. The <tt>&lt;full&gt;</tt> tag contains the full, expanded
contents of the note.</p>

</body>
</html>